<template>
  <div>
    <!-- qrcode
           1:下载  yarn add qrcode
           2:导入  import Qrcode from 'qrcode'
           3:创建显示二维码的容器  <canvas ref="canvas" />
           4:生成
              Qrcode.toCanvas('容器dom','需要生成的内容',{
                width:500
              })

     -->
    <el-button @click="getCode">生成二维码</el-button>
    <canvas ref="canvas" />
  </div>
</template>
<script>
import Qrcode from 'qrcode'
export default {
  methods: {
    getCode() {
      Qrcode.toCanvas(this.$refs.canvas, 'https://www.baidu.com/', {
        width: 500
      })
    }
  }
}
</script>
<style></style>
